<template>
    <div class="returnGoods" v-if="(detail.saleServiceImageUrls && detail.saleServiceImageUrls.length>0) || detail.saleServiceMsg">
        <img :src="detail.saleServiceImageUrls"/>
        <br/>
        {{detail.saleServiceMsg}}
    </div>
    <empty v-else title="无数据"/>
</template>

<script>
import { reactive,toRefs,getCurrentInstance,computed } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'
import empty from '@/components/empty.vue'
export default {
    components:{
       empty
    },
    props:{

    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()

        const state = reactive({
            detail:computed(()=>store.state.shop.detail),
            orderInfo:computed(()=>store.state.shop.orderInfo)
        })

        return{
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss" scoped>
    .returnGoods{
        font-size: 28px;
        line-height: 46px;
        img{
            display: block;
            width: 100%;
        }
    }
</style>